$theme-white: #FFFFFF;
$theme-orange: #FF960A;
$theme-red: #F40000;
$theme-discount-red: #FF0000;
$theme-price-red: #F25749;
$theme-green: #30D1BF;
$theme-yellow: #f0b018;

$theme-light: #DDDDDD;
$theme-gray: #999999;
$theme-dark: #666666;
$theme-black: #222222;
$theme-bg-gray: #F5F5F5;
$theme-dp-gray: #F4F3F4;
$theme-border-gray: #c7c7c7;
$theme-bg-gray: #F7F9FD;

$theme-font-gray: #717171;

$font-small: 20px/2;
$font-medium: 24px/2;
$font-normal: 28px/2;

// 通用按钮
.btn-box {
  margin-top: 20px;
  padding: 0 10px;

  .btn {
    margin-bottom: 10px;
  }
}
.btn-type-1{
  border:1px solid #ccc;
  background:white;
  border-radius:3px;
  padding:2px 5px;
}
.btn-noborder{
  border:0;
  background:none;
  border-radius:0;
  padding:2px 5px;
}
.btn {
  text-align: center;
  letter-spacing: 6px;
  height: 45px;
  line-height: 45px;
  transition: all 0.4s ease-out;

  &.orange {
    background-color: $theme-orange;
    color: white;
  }
  &.orange.plain {
    color: $theme-orange;
    background-color: white;
    border: 1px solid $theme-orange;
  }
  &.disabled {
    opacity: 0.3;
  }
}

